<!doctype html>
<html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ page isELIgnored="false"%>
<head>
<title>车辆位置</title>
<%
	String contextPath = request.getContextPath();
	String contextBasePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ contextPath + "/";
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
   <c:set var="basePath"  value="<%=contextBasePath %>"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
	<link rel="stylesheet" href="${basePath}resources/js/common/plugin/bootstrap/css/bootstrap.min.css"/>
	<link rel="stylesheet" href="${basePath}resources/js/common/plugin/bootstrap/css/bootstrap-responsive.min.css"/>
	<link href="${basePath}resources/js/common/plugin/select2/css/select2.min.css" rel="stylesheet" />
	<link href="${basePath}resources/css/common.css" rel="stylesheet" />
	<script src="${basePath}resources/js/common/plugin/jquery/jquery.min.js"></script>
	<script src="${basePath}resources/js/common/plugin/select2/js/select2.min.js"></script>
    <script src="http://cache.amap.com/lbs/static/es5.min.js"></script>
    <script src="http://webapi.amap.com/maps?v=1.3&key=cded017f34c18e5b6b3248b7cde7786a"></script>	
	<script type="text/javascript" src="${basePath}resources/js/common/plugin/echarts/echarts.min.js"></script> 
	<script type="text/javascript" src="${basePath}resources/js/common/plugin/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript">
		var basePath = "<%=contextBasePath %>";
	</script>
	<style type="text/css"> 
		#toolTopDiv {
		    position: absolute;
		    top: 5px;
		    right: 10px;
		    height: 28px;
		    z-index: 300;
		}
		#toolTopDiv .toolsDiv {
		    float: right;
		    height: 28px;
		    margin-left: 5px;
		    background-color: white;
		    border: 1px solid #d1d1d1;
		    z-index: 300;
	    }	
		#toolTopDiv .toolsDiv .list{
			float: left;
   			width: 28px;
   			height: 28px;
    		cursor: pointer;
    		z-index: 300;
		}
		#toolTopDiv .toolsDiv #mRoadlite{
			width:60px;
		}
		#toolTopDiv .t6 {
			background: url(../../resources/images/mapTool/t6.png) no-repeat 2px 0;
    		border-right: 1px solid #ebebeb;
    	}
    	#distanceLi.t6.active {
    		background: #006cb7 url(../../resources/images/mapTool/t6_hover.png) no-repeat 2px 0;
		}
    	#toolTopDiv .t8 {
			background: url(../../resources/images/mapTool/t8.png) no-repeat 2px 0;
    		border-right: 1px solid #ebebeb;
    	}
    	#mTrafficLi.t8.active {
   			 background: #006cb7 url(../../resources/images/mapTool/t8_hover.png) no-repeat 2px 0;
		}
		#toolTopDiv .t10 {
			background: url(../../resources/images/mapTool/t10.png) no-repeat 2px 0;
    		border-right: 1px solid #ebebeb;
    	}
    	#mSatellite.t10.active {
   			 background: #006cb7 url(../../resources/images/mapTool/t10_hover.png) no-repeat 2px 0;
		}
		
		
	</style>

</head>
<body >
<div style="height:100%;width:100%">
	<div id="tooldiv" style="position: absolute;z-index: 99;left:60px;top:5px;background-color: white;display:none">
		<select id="selectVehicleSel"  style="width:150px;margin: 0px;">
		</select>
	</div>	
	<div >
		<div id="mymap"  style="position:absolute;height:100%;width:100%;z-index:10"></div>
		<div id="toolTopDiv">
			<div class="toolsDiv">
				<div class="list t12 dn" title="路网" id="mRoadlite"><span class='image'></span><span style='margin-right:5px'>路网</span></div>
				<div class="list t10" title="卫星地图" id="mSatellite"></div>	
				<div class="list t6" title="测距" id="distanceLi">&nbsp;</div>
				<div class="list t8" title="路况" id="mTrafficLi">&nbsp;</div>
			</div>
			
		</div>
	</div>
	<div id="ajax-loading" >
    	<img id="msgLoadImg" alt="" src="${basePath}resources/images/main/big_loading.gif">
    	<span id="msgSpan">正在拼命加载,请稍候!</span>
	</div>	
</div>
<script src="${basePath}resources/js/common/main/HashMap.js"></script>
<script src="${basePath}resources/js/common/main/base64.js"></script>
<script src="${basePath}resources/js/common/main/global.js"></script>
<script src="${basePath}resources/js/common/main/mapToop.js"></script>
<script src="${basePath}resources/js/common/main/nav.js"></script>
<script src="${basePath}resources/js/business/report/vehiclePosition.js"></script>
</body>
</html>
